<template>
	<view>
		<view class="header">
			<view class="head-l" @tap="$back()"><image src="../../static/images/arrow_left.png" mode=""></image></view>
			<view class="head-c">采购</view>
			<view class="head-r f32" @tap="$open('./supplierBilling')">
				<image src="../../static/spe/1.png" mode=""></image>
				开单
			</view>
		</view>
		<view class="box" @tap="$open('supplierManage')">
			<view class="box-one">
				<image src="../../static/spe/03.png" mode="aspectFit"></image>
				供应商管理
			</view>
			<view class="box-two">
				<image src="../../static/images/arrow_right.png" mode="aspectFit"></image>
			</view>
		</view>
		<view class="box"   @tap="$open('supplier')">
			<view class="box-one">
				<image src="../../static/spe/04.png" mode="aspectFit"></image>
				供应商对账
			</view>
			<view class="box-two">
				<image src="../../static/images/arrow_right.png" mode="aspectFit"></image>
			</view>
		</view>
		<view class="box" @tap="$open('PO')" >
			<view class="box-one" >
				<image src="../../static/spe/05.png" mode="aspectFit"></image>
				采购订单
			</view>
			<view class="box-two">
				<image src="../../static/images/arrow_right.png" mode="aspectFit"></image>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {}
};
</script>

<style lang="scss">
	page{
		background-color: #f7f4f8;
	}
.header {
	line-height: 44rpx;
	background-color: #249af6;
	padding: 70rpx 30rpx 20rpx 30rpx;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	font-size: 36rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: rgba(255, 255, 255, 1);
	.head-r {
		image {
			width: 39rpx;
			height: 44rpx;
			vertical-align: middle;
			margin-right: 20rpx;
			position: relative;
			top: -5rpx;
		}
	}
	.head-l {
		image {
			width: 22rpx;
			height: 39rpx;
		}
	}
}
.box{
	height: 124rpx;
	line-height: 124rpx;
	font-size:32rpx;
	font-family:PingFang SC;
	font-weight:500;
	background-color: #FFFFFF;
	margin-top: 20rpx;
	display: flex;
	justify-content: space-between;
	padding: 0 32rpx;
	image{
		width:18rpx;
		height:33rpx;
	}
	.box-one{
		image{
		vertical-align: middle;
		margin-right: 37rpx;
		width: 44rpx;
		height: 44rpx;	
		}

	}
}
</style>
